<html lang="zh-CN" style="overflow: hidden; height: 100%;">

<head>
    <meta charset="utf-8">
    <title>fullPage.js — 基本演示_dowebok</title>
    <link rel="stylesheet" href="./jquery.fullPage.css">
    <style>
        .section {
            text-align: center;
            font: 50px "Microsoft Yahei";
            color: #fff;
        }
        .fp-tableCell{
            display: flex;
            justify-content: center;
        }
        h3{
            margin: 20;
        }
        h6{
            text-align: center;
            margin: 0;
        }
        .wrapper{
            width: 100%;
            height: 80%;
            position: absolute;
        }
        .quarter-div4 {
            width: 50%;
            height: 50%;
            float: left;
            float: left;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
    </style>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="./jquery.fullPage.js"></script>
    <script>
        $(function () {
        
            $('#dowebok').fullpage({
                sectionsColor: ['#FFFFFF', '#4BBFC3', '#7BAABE', '#f90']
            });
        });
    </script>
</head>

<body style="overflow: hidden; height: 100%;">

    <div id="dowebok" class="fullpage-wrapper"
        style="height: 100%; position: relative; touch-action: none; transform: translate3d(0px, 0px, 0px);">
        <div class="section fp-section active fp-table" style="height: 941px; background-color: rgb(255, 255, 255);">
            <div class="fp-tableCell" style="height:941px;">
                <div class="wrapper">
                    <h3 style="color: #6a6a6a;">研发部今日值日</h3>
                    <h3 id="today"style="color: #6a6a6a;"></h3>
                    <div class="quarter-div4" style="background-color: #f44e24;">
                        <h3 id="i1">卫生间:</h3>
                        <h6>（地面 洗手台 垃圾桶）</h6>
                    </div>
                    <div class="quarter-div4" style="background-color: #7eba00;">
                        <h3 id="i2">展厅:</h3>
                        <h6>（拖地，擦桌子（电脑桌，展板底座，窗台） 屏幕下方,烟灰缸） </h6>
                    </div>
                    <div class="quarter-div4" style="background-color: #00a2ee;">
                        <h3 id="i3">会议室:</h3>
                    <h6>（拖地 擦桌子 烟灰缸）</h6>
                    </div>
                    <div class="quarter-div4" style="background-color: #fdb800;">
                        <h3 id="i5">办公区:</h3>
                    <h6>（拖地 垃圾桶）</h6>
                    </div>
                    <!-- 
                    
                    
                    
                     -->

                </div>
            </div>
        </div>
        <div class="section fp-section fp-table" style="height: 941px; background-color: rgb(255, 153, 0);">
            <div class="fp-tableCell" style="height:941px;">
                <div class="wrapper">
                    <h3 id = "tomorrow"></h3>
                    <h3>明日值日</h3>
                    <h3 id="j1">卫生间:</h3>
                    <h3 id="j2">展厅:</h3>
                    <h3 id="j3">会议室:</h3>
                    <h3 id="j5">办公区:</h3>
                </div>
            </div>
        </div>
    </div>











    <a href="https://www.dowebok.com/" style="display: none;">dowebok</a>
    <a href="https://www.dowebok.com/77.html" style="display: none;">jQuery全屏滚动插件fullPage.js</a>

</script>
<script type="text/javascript">
    var date1=new Date();  //开始时间
    date1.setDate(15)
    date1.setMonth(3-1)
    date1.setFullYear(2020)

    var date2=new Date();    //结束时间
    // date2.setDate(1)
    // date2.setMonth(6 - 1)
    // date2.setFullYear(2020)

    var date3=date2.getTime()-date1.getTime()  //时间差的毫秒数

    //计算出相差天数
    var days=Math.floor(date3/(24*3600*1000))
    
    var weeks = Math.floor(days/7)
    
    console.log(weeks)
    
    console.log(days - weeks);
    var workDays = days - weeks ;
    if(date2.getDay() == 0){
        workDays = workDays - 1;
    }
    console.log(workDays)
    var nameList = [
     '张耀民','贾亮','陈金龙','王基杰','张志清', '吕跃','牛晓青','渠犇犇',
                    
                    ];
    var x = [];
    for(var i = 0;i<nameList.length;i++){
        var y = [];
        for(var j = 0;j< 5;j++){
            y.push(((i+j)%nameList.length));
        }
        x.push(y);
    }
    var array = x;
    console.log(array);
    
    var datetoday = date2;
    var tomorroyday = new Date();
    tomorroyday.setTime(datetoday.getTime() + 24*60*60*1000);
    $("#today").text(datetoday.getMonth()+1 + '-' + datetoday.getDate());
    $("#tomorrow").text(tomorroyday.getMonth()+1 + '-' + tomorroyday.getDate());
    
    var a = array[((workDays) % nameList.length)];
    console.log(a);
    $("#i1").text("卫生间 - "+nameList[a[0]]);
    $("#i2").text("展厅 - "+nameList[a[1]]);
    $("#i3").text("会议区 - "+nameList[a[2]]);
    $("#i5").text("办公区 - "+nameList[a[3]]);
    var b = array[((workDays+1) % nameList.length)];
    console.log(b)
    $("#j1").text("卫生间 - "+nameList[b[0]]);
    $("#j2").text("展厅 - "+nameList[b[1]]);
    $("#j3").text("会议区 - "+nameList[b[2]]);
    $("#j5").text("办公区 - "+nameList[b[3]]);
    
</script>

</body>

</html>